<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no viewport-fit:cover" />
		<link rel="stylesheet" href="../../../css/app/famous_person/famousBigShot.css" />
		<link rel="stylesheet" href="../../../css/app/famous_person/iPhone X.css" />
		<link rel="stylesheet" href="../../../swiper-4.4.1/dist/css/swiper.min.css" />
		<link rel="stylesheet" href="../../../css/div_cut.css" />
		<link rel="stylesheet" href="../../../css/common.css" />
		<script src="../../../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/app/famous_person/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../../../swiper-4.4.1/dist/js/swiper.min.js"></script>
		<script src="../../../js/app/famous_person/famousBigShot.js"></script>
		<script type="text/javascript" src="../../../js/comment.js" ></script>
		<script type="text/javascript" src="../../../js/div_cut.js" ></script>
		<title>名人大咖</title>
	</head>

	<body>
		<div class="main">
			<!--<跳转顶部连接点>-->
<div id="thd"></div>
			<div class="search_ysy">
				<div class="search1_ysy">
					<div class="befor_ysy">
						<div class="location_ysy">
							<div class="location_ysy_img" onclick="showCity()">
								<img src="../../../img/app/location.png"/>
							</div>
							<a class="location_ysy_name" href="#" style="color: #FFFFFF;">昆明市</a>
						</div>
						<!--<div class="city_down" id="citys">
							<ul>
								<li onclick="hideCity(this)">北京</li>
								<li onclick="hideCity(this)">深圳</li>
								<li onclick="hideCity(this)">上海</li>
								<li onclick="hideCity(this)">南京</li>
							</ul>
						</div>-->
						
						
						<div class="shuru1_ysy">
							<div class="shuru1_ysy_img">
								<img src="../../../img/app/famous_person/top/search01.png"/>
							</div>
							
							<div class="shuru1_ysy_input">
								<input class="int" type="text" value=""  placeholder="搜索目的地/价格/时间"/>							
							</div>
						</div>
					</div>
					<!--<div class="message_ysy">
						<img src="../../../img/app/famous_person/top/message.png" />
					</div>-->
				</div>
			</div>
			

			<!--banner-->
			<div class="two">
				<div class="swiper-container banner_1">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="../../../img/app/famous_person/banner/banner.png" /></div>
							<div class="swiper-slide"><img src="../../../img/app/famous_person/banner/banner.png" /></div>
							<div class="swiper-slide"><img src="../../../img/app/famous_person/banner/banner.png" /></div>
							<div class="swiper-slide"><img src="../../../img/app/famous_person/banner/banner.png" /></div>

							<!--<div class="swiper-slide"><img src="../../../img/app/index/Recommended1.png" /></div>
						<div class="swiper-slide"><img src="../../../img/app/index/Recommended2.png" /></div>
						<div class="swiper-slide"><img src="../../../img/app/index/Recommended3.png" /></div>-->
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
			</div>
			<!--行业分类-->
			<div class="three">
				<div class="three_1">
					<div class="tu"></div>
					<div class="tu_wen">
					  行业分类
					</div>
				</div>
				<div class="all_hangye">
				     <div class="all_hangye_wen">
				     	<span>所有行业</span>&nbsp;
				     </div>
				     <div class="all_hangye_tu">
				     	<img src="../../../img/app/famous_person/down/jiantou.png"/>
				     </div>
				</div>
			</div>
			<hr />
			<div class="four">
				<div class="four_in">
					<div class="teacher_tu">
						<img src="../../../img/app/famous_person/down/teacher_tu.png"/>
					</div>
						<div class="ad">
							<div class="ad_one">
								<div id="" class="edu">
									<div class="fenlei"  onclick="showColor(this)">
										「教育类」
									</div>
								</div>
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「艺术类」
									</div>
								</div>
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「文化类」
									</div>
								</div>
							</div>
							<div class="ad_two" >
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「地理类」
									</div class="edu">
								</div>
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「科技类」
									</div>
								</div>
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「自然类」
									</div>
								</div>
							</div>
							<div class="ad_three">
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「经济类」
									</div>
								</div>
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「拓展类」
									</div>
								</div>
								<div id="" class="edu">
									<div class="fenlei" onclick="showColor(this)">
										「历史类」
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="lin"></div>
				<div class="three">
					<div class="three_1">
						<div class="tu"></div>
						<div class="tu_wen">
						  推荐大咖
						</div>
					</div>
				</div>
		<hr />
				<!--推荐大咖的内容-->
				<div class="daka_main">
					<div class="four_in">
						<div class="four_in_left">
							<img src="../../../img/app/famous_person/down/mingqingzhong.png"/>
						</div>
						<div class="four_in_right">
							<div class="four_in_right_1">
								<div class="four_in_right_1_1">
									明庆忠
								</div>
								<div class="update">
									    <div class="four_in_right_1_2">
											<img src="../../../img/app/community_ljw/xinxixi.png"/>
										</div>
										<span>&nbsp;</span>
										<div class="four_in_right_1_3">
											27人关注
										</div>
								</div>
							</div>
							<div class="four_in_right_2">
								中国地理学会理事
							</div>
							<div class="four_in_right_3">
								现任云南财经大学旅游文化产业研究院首席教授，旅游产业发展云南省哲学社会科学研究基地首席科学家
							</div>
						</div>
				    </div>
		   </div>
		   <hr />
		   <!--第二个-->
		   <div class="daka_main">
					<div class="four_in">
						<div class="four_in_left">
							<img src="../../../img/app/famous_person/down/mingqingzhong.png"/>
						</div>
						<div class="four_in_right">
							<div class="four_in_right_1">
								<div class="four_in_right_1_1">
									明庆忠
								</div>
								<div class="update">
									    <div class="four_in_right_1_2">
											<img src="../../../img/app/community_ljw/xinxixi.png"/>
										</div>
										<span>&nbsp;</span>
										<div class="four_in_right_1_3">
											27人关注
										</div>
								</div>
								
							</div>
							<div class="four_in_right_2">
								中国地理学会理事
							</div>
							<div class="four_in_right_3">
								现任云南财经大学旅游文化产业研究院首席教授，旅游产业发展云南省哲学社会科学研究基地首席科学家
							</div>
						</div>
				    </div>
		   </div>
		   <hr />
		   <!--第三个-->
		   <div class="daka_main">
					<div class="four_in">
						<div class="four_in_left">
							<img src="../../../img/app/famous_person/down/mingqingzhong.png"/>
						</div>
						<div class="four_in_right">
							<div class="four_in_right_1">
								<div class="four_in_right_1_1">
									明庆忠
								</div>
								<div class="update">
									    <div class="four_in_right_1_2">
											<img src="../../../img/app/community_ljw/xinxixi.png"/>
										</div>
										<span>&nbsp;</span>
										<div class="four_in_right_1_3">
											27人关注
										</div>
								</div>
							</div>
							<div class="four_in_right_2">
								中国地理学会理事
							</div>
							<div class="four_in_right_3">
								现任云南财经大学旅游文化产业研究院首席教授，旅游产业发展云南省哲学社会科学研究基地首席科学家
							</div>
						</div>
				    </div>
		   </div>
		   <hr />
		   <!--第四-->
		   <div class="daka_main">
					<div class="four_in">
						<div class="four_in_left">
							<img src="../../../img/app/famous_person/down/mingqingzhong.png"/>
						</div>
						<div class="four_in_right">
							<div class="four_in_right_1">
								<div class="four_in_right_1_1">
									明庆忠
								</div>
								<div class="update">
									    <div class="four_in_right_1_2">
											<img src="../../../img/app/community_ljw/xinxixi.png"/>
										</div>
										<span>&nbsp;</span>
										<div class="four_in_right_1_3">
											27人关注
										</div>
								</div>
							</div>
							<div class="four_in_right_2">
								中国地理学会理事
							</div>
							<div class="four_in_right_3">
								现任云南财经大学旅游文化产业研究院首席教授，旅游产业发展云南省哲学社会科学研究基地首席科学家
							</div>
						</div>
				    </div>
		   </div>
		   <!--查看更多-->
		  <div class="look_more">
		  	    <div class="look_more_in">
		  	    	<div class="look_more_wen">
		  				查看更多
		  			</div>
		  			<span>&nbsp;&nbsp;&nbsp;</span>
				  	<div class="look_more_tu">
				  		<img src="../../../img/app/famous_person/down/jiantoua.png"/>
				  	</div>
		  	    </div>
		  </div>
		  <div class="lin"></div>
		  <!--推荐文章-->
		  <div class="three">
					<div class="three_1">
						<div class="tu"></div>
						<div class="tu_wen">
						  推荐文章
						</div>
					</div>
				</div>
				<hr />
				<!--推荐文章内容-->
				<div class="daka_main_f ">
					<div class="four_in_f ">
						<div class="four_in_left_f ">
							<img src="../../../img/app/famous_person/down/dian.png"/>
						</div>
						<div class="four_in_right_f ">
							<div class="four_in_right_1_f ">
								<div class="four_in_right_1_1_f ">
									蔚蓝之滇初现——滇池名称的由来
								</div>
							</div>
							<div class="four_in_right_2_f ">
								滇池的名字到底有几个呢？跟我一起来了解滇池从古至今的名字变化吧。从古至今的名字变化吧。从古至今的名字变化吧。
							</div>
							<div class="four_in_right_3_f ">
								<div>
									04-14
								</div>
								<div class="comment_district">
									<div class="comment_icon">
										<img src="../../../img/app/famous_person/down/comment_icona.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										15
									</div>
								</div>
								<div class="comment_district">
									<div class="comment_icon_2">
										<img src="../../../img/app/famous_person/down/eyes_app.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										249
									</div>
								</div>
							</div>
						</div>
				    </div>
		   </div>
		   <hr />
		   <!--第二个-->
		   <div class="daka_main_f ">
					<div class="four_in_f ">
						<div class="four_in_left_f ">
							<img src="../../../img/app/famous_person/down/dian.png"/>
						</div>
						<div class="four_in_right_f ">
							<div class="four_in_right_1_f ">
								<div class="four_in_right_1_1_f ">
									蔚蓝之滇初现——滇池名称的由来
								</div>
							</div>
							<div class="four_in_right_2_f ">
								滇池的名字到底有几个呢？跟我一起来了解滇池从古至今的名字变化吧。从古至今的名字变化吧。从古至今的名字变化吧。
							</div>
							<div class="four_in_right_3_f ">
								<div>
									04-14
								</div>
								<div class="comment_district">
									<div class="comment_icon">
										<img src="../../../img/app/famous_person/down/comment_icona.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										15
									</div>
								</div>
								<div class="comment_district">
									<div class="comment_icon_2">
										<img src="../../../img/app/famous_person/down/eyes_app.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										249
									</div>
								</div>
							</div>
						</div>
				    </div>
		   </div>
		    <hr />
		   <!--第三个-->
		   <div class="daka_main_f ">
					<div class="four_in_f ">
						<div class="four_in_left_f ">
							<img src="../../../img/app/famous_person/down/dian.png"/>
						</div>
						<div class="four_in_right_f ">
							<div class="four_in_right_1_f ">
								<div class="four_in_right_1_1_f ">
									蔚蓝之滇初现——滇池名称的由来
								</div>
							</div>
							<div class="four_in_right_2_f ">
								滇池的名字到底有几个呢？跟我一起来了解滇池从古至今的名字变化吧。从古至今的名字变化吧。从古至今的名字变化吧。
							</div>
							<div class="four_in_right_3_f ">
								<div>
									04-14
								</div>
								<div class="comment_district">
									<div class="comment_icon">
										<img src="../../../img/app/famous_person/down/comment_icona.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										15
									</div>
								</div>
								<div class="comment_district">
									<div class="comment_icon_2">
										<img src="../../../img/app/famous_person/down/eyes_app.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										249
									</div>
								</div>
							</div>
						</div>
				    </div>
		   </div>
		    <hr />
		   <!--第四-->
		   <div class="daka_main_f ">
					<div class="four_in_f ">
						<div class="four_in_left_f ">
							<img src="../../../img/app/famous_person/down/dian.png"/>
						</div>
						<div class="four_in_right_f ">
							<div class="four_in_right_1_f ">
								<div class="four_in_right_1_1_f ">
									蔚蓝之滇初现——滇池名称的由来
								</div>
							</div>
							<div class="four_in_right_2_f ">
								滇池的名字到底有几个呢？跟我一起来了解滇池从古至今的名字变化吧。从古至今的名字变化吧。从古至今的名字变化吧。
							</div>
							<div class="four_in_right_3_f ">
								<div>
									04-14
								</div>
								<div class="comment_district">
									<div class="comment_icon">
										<img src="../../../img/app/famous_person/down/comment_icona.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										15
									</div>
								</div>
								<div class="comment_district">
									<div class="comment_icon_2">
										<img src="../../../img/app/famous_person/down/eyes_app.png"/>
									</div>
									<span>&nbsp;</span>
									<div class="">
										249
									</div>
								</div>
							</div>
						</div>
				    </div>
		   </div>
			<div class="look_more">
		  	    <div class="look_more_in">
		  	    	<div class="look_more_wen">
		  				查看更多
		  			</div>
		  			<span>&nbsp;&nbsp;&nbsp;</span>
				  	<div class="look_more_tu">
				  		<img src="../../../img/app/famous_person/down/jiantoua.png"/>
				  	</div>
		  	    </div>
		  </div>
		  <!--灰色-->
		  <div class="lin_end"></div>
		   <div class="end"></div>
			<!--底部导航-->
			<div class="footerTop">
			<div class="footer2">
				<div class="diban">

				</div>
				<ul class="menu_nav">
					<li id="menu_1">
						<div class="menu_img">
							<img src="../../../img/app/index/meu/shouye.png"/>
						</div>
						<span style="color: #999999;">首页</span>
					</li>
					<li id="menu_2">
						<div class="menu_img">
							<img src="../../../img/app/famous_person/down/famous.png"/>
						</div>
						<span style="color: rgb(250,172,20)">名人大咖</span>
					</li>
					<li id="menu_3">
						<div class="menu_img">
							<img src="../../../img/app/famous_person/down/article.png"/>
						</div>
						<span style="color: #999999;">文章</span>
					</li>
					<li id="menu_4">
						<div class="menu_img">
							<img src="../../../img/app/famous_person/down/guanzhu.png"/>
						</div>
						<span style="color: #999999;">我的关注</span>
					</li>
				</ul>
			</div>
		</div>
			
			
			
			
			
				<!--<div class="footerMenu_ysy">
					<ul>
						<li>
							第一个img是灰色的图
							<img src="../../../img/app/index/meu/shouye.png"/>
							第二个img是点击之后的图
							后面加ysy说明是当前页
							<span>首页</span>
						</li>
						<li>
							<img src="../../../img/app/index/meu/fenleise.png"/>
							<span>分类</span>
						</li>
						<li>
							<img src="../../../img/app/famous_person/down/famous.png"/>
							<span>名人大咖ysy</span>
						</li>
						<li>
							<span>文章</span>
						</li>
						<li>
							<img src="../../../img/app/famous_person/down/guanzhu2.png"/>
							<span>我的关注</span>
						</li>
					</ul>
				</div>-->
					
		</div>
		<div class="back">
			<a href="#thd"><img src="../../../img/app/community_ljw/menu/up.png"/></a>
		</div>
	</body>

</html>